<template>
  <div>
    <headers :headers="headers"></headers>
    <ul class="section">
      <li class="info-item">
        <div class="left" style="line-height:67px;">头像</div>
        <div class="right"><img src="@/assets/images/head.jpg" class="user-head"/></div>
      </li>
      <li class="info-item">
        <div class="left">个人微信二维码</div>
        <div class="right"><img src="@/assets/images/icon-add.png" class="icon-add"/></div>
      </li>
      <li class="info-item">
        <div class="left">姓名</div>
        <div class="right">张富贵儿</div>
      </li>
      <li class="info-item">
        <div class="left">手机号</div>
        <div class="right">15510109887</div>
      </li>
      <li class="info-item">
        <div class="left">微信号</div>
        <div class="right">15510109887</div>
      </li>
      <li class="info-item">
        <div class="left">个人简介</div>
        <textarea placeholder="请输入个人简介"></textarea>
      </li>
    </ul>
    <div class="btn btn-bg-blue btn-full btn-h40">确定</div>
  </div>
</template>

<script>
import Headers from '@/components/Headers'

export default {
  name: 'EditCard',
  data () {
    return {
      headers: {
        left: require('@/assets/images/icon-close.png'),
        title: '编辑个人信息'
      }
    }
  },
  components: {
    Headers
  }
}
</script>
